<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>PHP Helper</title>
  <link rel="stylesheet" href="./static/boxy/compressed.css" />
  <link rel="stylesheet" href="./css/pico.css" />
  <link rel="stylesheet" href="./css/style.css">
  <script src="./js/modal.js"></script>
  
</head>

<body style="height: 100%;width:100%" data-theme="light">
  <!--留用户-->
  <!--导航栏-->
    <nav style="height: 70px;">
      <ul>
        <li>
          <p></p>
        </li>
        <li><strong><img src="favicon.ico" height="36px" width="36px" align="center">&nbsp;PHP Helper</strong></li>
        <div class="dropdown">
          <span style="font-size: 20px;"><strong><svg xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18.000024795532227"
                height="20.000001907348633" viewBox="0 0 18.000024795532227 20.000001907348633">
                <g>
                  <path
                    d="M0.0000252724,6L6.00303,0L16.998,0C17.55,0,18,0.455,18,0.992L18,19.008C17.9995,19.556,17.5551,20,17.007,20L0.993025,20C0.440734,19.9961,-0.00385571,19.5453,0.0000252724,18.993L0.0000252724,6ZM7.00003,1.5L1.50003,7L7.00003,7L7.00003,1.5Z"
                    fill="#415462" fill-opacity="1" />
                </g>
              </svg>文件</strong></span>
          <div class="dropdown-content">
            <a onclick="navigationNew()">新建工程文件</a><br>
            <a onclick="navigationSave()">保存为.phr工程文件</a><br>
            <a onclick="navigationExport()">导出为.php代码文件</a><br>
            <hr>
            <div style="position:relative">
              <a style="width:100px;height:30px;">打开工程文件</a>
              <input type="file" style="position:absolute;top:0px;left:0px;width:100px;height:30px;opacity:0" />
            </div>
          </div>
        </div>
        <li>
          <div class="dropdown">
            <span style="font-size: 20px;">
              <strong data-target="trouble" onclick="toggleModal(event)"><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M24 44C29.5228 44 34.5228 41.7614 38.1421 38.1421C41.7614 34.5228 44 29.5228 44 24C44 18.4772 41.7614 13.4772 38.1421 9.85786C34.5228 6.23858 29.5228 4 24 4C18.4772 4 13.4772 6.23858 9.85786 9.85786C6.23858 13.4772 4 18.4772 4 24C4 29.5228 6.23858 34.5228 9.85786 38.1421C13.4772 41.7614 18.4772 44 24 44Z"
                    fill="none" stroke="#333" stroke-width="2" stroke-linejoin="round" />
                  <path
                    d="M24 28.6248V24.6248C27.3137 24.6248 30 21.9385 30 18.6248C30 15.3111 27.3137 12.6248 24 12.6248C20.6863 12.6248 18 15.3111 18 18.6248"
                    stroke="#333" stroke-width="2" stroke-linecap="square" stroke-linejoin="round" />
                  <path fill-rule="evenodd" clip-rule="evenodd"
                    d="M24 37.6248C25.3807 37.6248 26.5 36.5055 26.5 35.1248C26.5 33.7441 25.3807 32.6248 24 32.6248C22.6193 32.6248 21.5 33.7441 21.5 35.1248C21.5 36.5055 22.6193 37.6248 24 37.6248Z"
                    fill="#333" />
                </svg>问题手册</strong></span>
                <div class="dropdown-content">
                  <a onclick="eee();location.reload();">快速解决（刷新）</a>
                  <a data-target="trouble" onclick="toggleModal(event)">帮助</a>
                </div>

          </div>
        </li>
        <div class="dropdown">
          <span style="font-size: 20px;"><strong><svg xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="18"
                viewBox="0 0 24 18">
                <g>
                  <path
                    d="M24,9L18.343,14.657L16.929,13.243L21.172,9L16.929,4.757L18.343,3.343L24,9ZM2.828,9L7.071,13.243L5.657,14.657L0,9L5.657,3.343L7.07,4.757L2.828,9ZM9.788,18L7.66,18L14.212,0L16.34,0L9.788,18Z"
                    fill="#415462" fill-opacity="1" />
                </g>
              </svg>代码</strong></span>
          <div class="dropdown-content">
            <a onclick="t();make_html()">生成代码</a><br>
            <a onclick="make_html()">生成预览页面</a><br>
            <a onclick="copy('code')">复制代码</a><br>
          </div>
        </div>
        <li>
          <p></p>
        </li>
        <li>

        </li>
        <li><strong data-target="about" onClick="toggleModal(event)"><svg xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20"
              viewBox="0 0 20 20">
              <g>
                <path
                  d="M10,20C4.477,20,0,15.523,0,10C0,4.477,4.477,0,10,0C15.523,0,20,4.477,20,10C20,15.523,15.523,20,10,20ZM9,9L9,15L11,15L11,9L9,9ZM9,5L9,7L11,7L11,5L9,5Z"
                  fill="#415462" fill-opacity="1" />
              </g>
            </svg>&nbsp;关于PHP Helper</strong>

        </li>
        <li><strong>
            <p style="padding-top: 25px;">工程名称
          </strong></li>
        <li><input style="height:10px; text-align: center;"></li>
        <li><strong>
            <p style="padding-top: 25px;">.phr
          </strong></li>
      </ul>
    </nav>

    <div id="blocklyArea"></div>



    <div id="blocklyDiv" style="float:left;width: 80%;height:93%;"></div>
    <div id="code_father" >
      <div id="html_new"
        style="height: 50%;width: 100%;overflow-y:scroll;overflow-x:scroll;white-space: nowrap;border:2px dashed #AAAAAA;">
      </div>
      <div id="code"
        style="height: 50%;width: 100%;overflow-y:scroll;overflow-x:scroll;white-space: nowrap;border:2px dashed #AAAAAA;"
        onclick="fcolored_egg()"></div>
      <div id="other" style="width:100%;height:0;"></div>
    </div>

    <xml xmlns="https://developers.google.com/blockly/xml" id="toolbox" style="display: none">
      <category name="控制" css-path="./static/boxy/svg/cycle.svg">
        <block type="controls_if"></block>
        <block type="logic_compare">
          <field name="OP">EQ</field>
        </block>
        <block type="logic_operation">
          <field name="OP">AND</field>
        </block>
        <block type="logic_boolean">
          <field name="BOOL">TRUE</field>
        </block>
        <block type="logic_null"></block>
        <block type="logic_negate"></block>
        <block type="logic_ternary"></block>
        <block type="controls_repeat_ext">
          <value name="TIMES">
            <shadow type="math_number">
              <field name="NUM">10</field>
            </shadow>
          </value>
        </block>
        <block type="controls_whileUntil">
          <field name="MODE">WHILE</field>
        </block>
        <block type="controls_for">
          <field name="VAR" id="PSTW#fgbQD20Tw}Sn@KA">i</field>
          <value name="FROM">
            <shadow type="math_number">
              <field name="NUM">1</field>
            </shadow>
          </value>
          <value name="TO">
            <shadow type="math_number">
              <field name="NUM">10</field>
            </shadow>
          </value>
          <value name="BY">
            <shadow type="math_number">
              <field name="NUM">1</field>
            </shadow>
          </value>
        </block>
        <block type="controls_forEach">
          <field name="VAR" id=",1Lyk}%|)lu(ftaB$!ly">j</field>
        </block>
        <block type="controls_flow_statements" disabled="true">
          <field name="FLOW">BREAK</field>
        </block>
      </category>
      <category name="数学" css-path="./static/boxy/svg/math.svg">
        <block type="math_number">
          <field name="NUM">0</field>
        </block>
        <block type="math_arithmetic">
          <field name="OP">ADD</field>
          <value name="A">
            <shadow type="math_number">
              <field name="NUM">1</field>
            </shadow>
          </value>
          <value name="B">
            <shadow type="math_number">
              <field name="NUM">1</field>
            </shadow>
          </value>
        </block>
        <block type="math_single">
          <field name="OP">ROOT</field>
          <value name="NUM">
            <shadow type="math_number">
              <field name="NUM">9</field>
            </shadow>
          </value>
        </block>
        <block type="math_trig">
          <field name="OP">SIN</field>
          <value name="NUM">
            <shadow type="math_number">
              <field name="NUM">45</field>
            </shadow>
          </value>
        </block>
        <block type="math_constant">
          <field name="CONSTANT">PI</field>
        </block>
        <block type="math_number_property">
          <mutation divisor_input="false"></mutation>
          <field name="PROPERTY">EVEN</field>
          <value name="NUMBER_TO_CHECK">
            <shadow type="math_number">
              <field name="NUM">0</field>
            </shadow>
          </value>
        </block>
        <block type="math_round">
          <field name="OP">ROUND</field>
          <value name="NUM">
            <shadow type="math_number">
              <field name="NUM">3.1</field>
            </shadow>
          </value>
        </block>
        <block type="math_on_list">
          <mutation op="SUM"></mutation>
          <field name="OP">SUM</field>
        </block>
        <block type="math_modulo">
          <value name="DIVIDEND">
            <shadow type="math_number">
              <field name="NUM">64</field>
            </shadow>
          </value>
          <value name="DIVISOR">
            <shadow type="math_number">
              <field name="NUM">10</field>
            </shadow>
          </value>
        </block>
        <block type="math_constrain">
          <value name="VALUE">
            <shadow type="math_number">
              <field name="NUM">50</field>
            </shadow>
          </value>
          <value name="LOW">
            <shadow type="math_number">
              <field name="NUM">1</field>
            </shadow>
          </value>
          <value name="HIGH">
            <shadow type="math_number">
              <field name="NUM">100</field>
            </shadow>
          </value>
        </block>
        <block type="math_random_int">
          <value name="FROM">
            <shadow type="math_number">
              <field name="NUM">1</field>
            </shadow>
          </value>
          <value name="TO">
            <shadow type="math_number">
              <field name="NUM">100</field>
            </shadow>
          </value>
        </block>
        <block type="math_random_float"></block>
      </category>
      <category name="字符串" css-path="./static/boxy/svg/text.svg">
        <block type="text">
          <field name="TEXT"></field>
        </block>
        <block type="text_join">
          <mutation items="2"></mutation>
        </block>
        <block type="text_append">
          <field name="VAR" id="IaA%v,OOY/#;=nDG-dqn">项目</field>
          <value name="TEXT">
            <shadow type="text">
              <field name="TEXT"></field>
            </shadow>
          </value>
        </block>
        <block type="text_length">
          <value name="VALUE">
            <shadow type="text">
              <field name="TEXT">abc</field>
            </shadow>
          </value>
        </block>
        <block type="text_isEmpty">
          <value name="VALUE">
            <shadow type="text">
              <field name="TEXT"></field>
            </shadow>
          </value>
        </block>
        <block type="text_indexOf">
          <field name="END">FIRST</field>
          <value name="VALUE">
            <block type="variables_get">
              <field name="VAR" id="*MHO8;sWb;w@603SJnYK">text</field>
            </block>
          </value>
          <value name="FIND">
            <shadow type="text">
              <field name="TEXT">abc</field>
            </shadow>
          </value>
        </block>
        <block type="text_charAt">
          <mutation at="true"></mutation>
          <field name="WHERE">FROM_START</field>
          <value name="VALUE">
            <block type="variables_get">
              <field name="VAR" id="*MHO8;sWb;w@603SJnYK">text</field>
            </block>
          </value>
        </block>
        <block type="text_getSubstring">
          <mutation at1="true" at2="true"></mutation>
          <field name="WHERE1">FROM_START</field>
          <field name="WHERE2">FROM_START</field>
          <value name="STRING">
            <block type="variables_get">
              <field name="VAR" id="*MHO8;sWb;w@603SJnYK">text</field>
            </block>
          </value>
        </block>
        <block type="text_changeCase">
          <field name="CASE">UPPERCASE</field>
          <value name="TEXT">
            <shadow type="text">
              <field name="TEXT">abc</field>
            </shadow>
          </value>
        </block>
        <block type="text_trim">
          <field name="MODE">BOTH</field>
          <value name="TEXT">
            <shadow type="text">
              <field name="TEXT">abc</field>
            </shadow>
          </value>
        </block>
        <block type="text_print">
          <value name="TEXT">
            <shadow type="text">
              <field name="TEXT">abc</field>
            </shadow>
          </value>
        </block>
        <block type="text_prompt_ext">
          <mutation type="TEXT"></mutation>
          <field name="TYPE">TEXT</field>
          <value name="TEXT">
            <shadow type="text">
              <field name="TEXT">abc</field>
            </shadow>
          </value>
        </block>
      </category>
      <category name="变量" custom="VARIABLE" css-path="./static/boxy/svg/data.svg"></category>
      <category name="列表" css-path="./static/boxy/svg/list.svg">
        <block type="lists_create_with">
          <mutation items="0"></mutation>
        </block>
        <block type="lists_create_with">
          <mutation items="3"></mutation>
        </block>
        <block type="lists_repeat">
          <value name="NUM">
            <shadow type="math_number">
              <field name="NUM">5</field>
            </shadow>
          </value>
        </block>
        <block type="lists_length"></block>
        <block type="lists_isEmpty"></block>
        <block type="lists_indexOf">
          <field name="END">FIRST</field>
          <value name="VALUE">
            <block type="variables_get">
              <field name="VAR" id="UyvusOBXPAlbz))qKbk6">list</field>
            </block>
          </value>
        </block>
        <block type="lists_getIndex">
          <mutation statement="false" at="true"></mutation>
          <field name="MODE">GET</field>
          <field name="WHERE">FROM_START</field>
          <value name="VALUE">
            <block type="variables_get">
              <field name="VAR" id="UyvusOBXPAlbz))qKbk6">list</field>
            </block>
          </value>
        </block>
        <block type="lists_setIndex">
          <mutation at="true"></mutation>
          <field name="MODE">SET</field>
          <field name="WHERE">FROM_START</field>
          <value name="LIST">
            <block type="variables_get">
              <field name="VAR" id="UyvusOBXPAlbz))qKbk6">list</field>
            </block>
          </value>
        </block>
        <block type="lists_getSublist">
          <mutation at1="true" at2="true"></mutation>
          <field name="WHERE1">FROM_START</field>
          <field name="WHERE2">FROM_START</field>
          <value name="LIST">
            <block type="variables_get">
              <field name="VAR" id="UyvusOBXPAlbz))qKbk6">list</field>
            </block>
          </value>
        </block>
        <block type="lists_split">
          <mutation mode="SPLIT"></mutation>
          <field name="MODE">SPLIT</field>
          <value name="DELIM">
            <shadow type="text">
              <field name="TEXT">,</field>
            </shadow>
          </value>
        </block>
        <block type="lists_sort">
          <field name="TYPE">NUMERIC</field>
          <field name="DIRECTION">1</field>
        </block>
      </category>
      <category name="颜色" css-path="./static/boxy/svg/color.svg">
        <block type="colour_picker">
          <field name="COLOUR">#ff0000</field>
        </block>
        <block type="colour_random"></block>
        <block type="colour_rgb">
          <value name="RED">
            <shadow type="math_number">
              <field name="NUM">100</field>
            </shadow>
          </value>
          <value name="GREEN">
            <shadow type="math_number">
              <field name="NUM">50</field>
            </shadow>
          </value>
          <value name="BLUE">
            <shadow type="math_number">
              <field name="NUM">0</field>
            </shadow>
          </value>
        </block>
        <block type="colour_blend">
          <value name="COLOUR1">
            <shadow type="colour_picker">
              <field name="COLOUR">#ff0000</field>
            </shadow>
          </value>
          <value name="COLOUR2">
            <shadow type="colour_picker">
              <field name="COLOUR">#3333ff</field>
            </shadow>
          </value>
          <value name="RATIO">
            <shadow type="math_number">
              <field name="NUM">0.5</field>
            </shadow>
          </value>
        </block>
      </category>
      <category name="框架" css-path="./static/boxy/svg/frame.svg">
        <block type="html5">
          <next>
            <block type="html">
              <statement name="NAME">
                <block type="head">
                  <statement name="NAME">
                    <block type="title">
                      <value name="NAME">
                        <block type="text">
                          <field name="TEXT"></field>
                        </block>
                      </value>
                    </block>
                  </statement>
                  <next>
                    <block type="body"></block>
                  </next>
                </block>
              </statement>
            </block>
          </next>
        </block>
        <block type="diycode">
          <field name="code">……</field>
        </block>
        <block type="diycode2">
          <field name="code">……</field>
        </block>
      </category>
      <sep></sep>
      <category name="HTML" css-path="static\boxy\svg\html.svg">
        <block type="html5"></block>
        <block type="html"></block>
        <block type="title">
          <value name="NAME">
            <block type="text">
              <field name="TEXT"></field>
            </block>
          </value>
        </block>
        <block type="head"></block>
        <block type="body"></block>
        <block type="h_">
          <field name="NAME">h1</field>
        </block>
        <block type="br"></block>
        <block type="p"></block>
        <block type="a">
          <field name="link">https://www.w3school.com.cn/html</field>
        </block>
        <block type="img">
          <field name="src">来源</field>
          <field name="width">100</field>
          <field name="height">100</field>
        </block>
        <block type="video">
          <field name="src">来源</field>
          <field name="width">100</field>
          <field name="height">100</field>
        </block>
      </category>
      <category name="引入" css-path="static\boxy\svg\cdn.svg">  <block type="link_cdn_pico"></block>
        <block type="link_css"></block>
        <block type="link_js"></block>
      </category>
      <category name="属性" css-path="./static/boxy/svg/css.svg">
        <block type="diycode">
          <field name="code">……</field>
        </block>
        <block type="shuxing">
          <field name="name">name</field>
          <value name="value">
            <block type="text">
              <field name="TEXT"></field>
            </block>
          </value>
        </block>
        <block type="diycode2">
          <field name="code">……</field>
        </block>
        <block type="css"></block>
        <block type="style_first">
          <field name="style_name">width</field>
          <field name="unit">%</field>
          <value name="NAME">
            <block type="math_number">
              <field name="NUM">0</field>
            </block>
          </value>
        </block>
      </category>
      <sep></sep>
      <category name="PHP" css-path="./static/boxy/svg/php.svg">
        <block type="php_start"></block>
        <block type="get_get">
          <value name="get_key">
            <block type="text">
              <field name="TEXT"></field>
            </block>
          </value>
        </block>
        <block type="get_post">
          <value name="post_key">
            <block type="text">
              <field name="TEXT"></field>
            </block>
          </value>
        </block>
        <block type="echo">
          <value name="NAME">
            <block type="text">
              <field name="TEXT"></field>
            </block>
          </value>
        </block>
        <block type="print_r">
          <value name="NAME">
            <block type="text">
              <field name="TEXT"></field>
            </block>
          </value>
        </block>
        <block type="md5"></block>
        <block type="htmlspecialchars">
          <value name="NAME">
            <block type="text">
              <field name="TEXT"></field>
            </block>
          </value>
        </block>
        <block type="mail">
          <value name="user">
            <block type="text">
              <field name="TEXT"></field>
            </block>
          </value>
          <value name="main">
            <block type="text">
              <field name="TEXT"></field>
            </block>
          </value>
          <value name="text">
            <block type="text">
              <field name="TEXT"></field>
            </block>
          </value>
          <value name="h">
            <block type="text">
              <field name="TEXT"></field>
            </block>
          </value>
          <value name="NAME">
            <block type="text">
              <field name="TEXT"></field>
            </block>
          </value>
        </block>
      </category>
      <category name="库" css-path="static\boxy\svg\receive.svg">
        <block type="import"></block>
      </category>
      <category name="输出" css-path="static\boxy\svg\echo.svg">
        <block type="echo"></block>
        <block type="print_r"></block>
        <block type="js_log"></block>
      </category>
      <category name="PHP数据读写" css-path="static\boxy\svg\database.svg">
        <block type="read">
          <field name="bianname">myfile</field>
          <value name="name">
            <block type="text">
              <field name="TEXT"></field>
            </block>
          </value>
          <value name="return_text">
            <block type="text">
              <field name="TEXT"></field>
            </block>
          </value>
        </block>
        <block type="write">
          <field name="name">default</field>
          <value name="path">
            <block type="text">
              <field name="TEXT"></field>
            </block>
          </value>
          <value name="write_text">
            <block type="text">
              <field name="TEXT"></field>
            </block>
          </value>
        </block>
        <block type="mysql_connect">
          <value name="url">
            <block type="text">
              <field name="TEXT"></field>
            </block>
          </value>
          <value name="user_name">
            <block type="text">
              <field name="TEXT"></field>
            </block>
          </value>
          <value name="key">
            <block type="text">
              <field name="TEXT"></field>
            </block>
          </value>
        </block>
        <block type="mysql_close">
          <value name="name">
            <block type="text">
              <field name="TEXT"></field>
            </block>
          </value>
        </block>
        <block type="get_cookie"></block>
      </category>
      <sep></sep>
    </xml>
    <div id="trashcan" class="blocklyToolboxDelete">
      <img src="./static/boxy/trashcan/lid.svg" id="trashcan-lid" class="trashcan" alt="垃圾桶盖" />
      <img src="./static/boxy/trashcan/body.svg" id="trashcan-body" class="trashcan" alt="垃圾桶身" />
    </div>
  
  <!--about-->
  <dialog id="about">
    <article>
      <h3>关于PHP Helper</h3>
      <center>
        <b>
          PHP Helper 1.0(LTS.) - 星点StarBit 保留所有权利
        </b>
        <p>具体版本号请<a href="https://gitee.com/starbit/php-helper/blob/dev/version.txt">点击这里查看</a></p>
        <hr>
      </center>
      <div class="grid">
        <p>感谢者名单(排名不分前后)：<br>Golden Apple(提供服务器)<br>Google
          Blockly<br>iconpark<br>Gitee~<br>GZR<br>向阳一班<br>boxxer（boxy）开发团队</p>
        <p>开发者名单(排名不分前后)：<br>CodeKpy<br>ZouBochen<br>Wangs</p>
      </div>
      <a href="https://gitee.com/starbit/php-helper">Gitee仓库(NV)</a><br><a
        href="https://gitee.com/codekpy/php-helper">Gitee仓库(OV)</a>
      <footer>
        <b>点击空白区域退出</b>
      </footer>
    </article>
  </dialog>
  <dialog id="trouble">
    <article>
      <h3>问题手册</h3>
      <center>
        <b>
          PHP Helper 0.1(Beta) - 星点StarBit 保留所有权利
        </b>
        <hr>
      </center>
    <h3>使用本产品可能出现以下问题</h3>
    <br><h4>积木栏没有显示全</h4>
    <br><p>解决方法：</p>
    <br><li>手机端：切换为竖屏模式再切换回横屏</li>
    <br><li>电脑端：<br>第一种：按一下F12（按几次无所谓）<br>第二种：改变一下浏览器窗口大小，然后再改回去</li>
      <footer>
        <b>点击空白区域退出</b>
      </footer>
    </article>
  </dialog>
  <!-- Dependence -->
  <script src="./static/boxy/iconpark/iconpark.js"></script>
  <script src="./node_modules/jquery/dist/jquery.min.js"></script>

  <!-- Google Blockly -->
  <script src="./node_modules/blockly/blockly.min.js"></script>
  <script src="./node_modules/blockly/php_compressed.js"></script>
  <script src="./node_modules/blockly/msg/zh-hans.js"></script>
  <!-- Workspace -->
  <script src="./static/boxy/blocks/get.js"></script>
  <script src="./static/boxy/blocks/get.js.js"></script>

  <!-- Google Blockly Plugins -->
  <script src="./node_modules/@blockly/block-plus-minus/dist/index.js"></script>
  <script src="./node_modules/@blockly/plugin-scroll-options/dist/index.js"></script>
  <script src="./node_modules/@blockly/field-colour-hsv-sliders/dist/index.js"></script>
  <script src="./node_modules/@blockly/plugin-workspace-search/dist/index.js"></script>

  <script src="./static/boxy/function.js"></script>
  <script src="./static/boxy/compressed.js"></script>


    <script>//窗口变化监听,避免resize多次执行卡顿
      var resizeTimer = null;
      $(window).bind('resize', function () {
          if (resizeTimer) clearTimeout(resizeTimer);
          resizeTimer = setTimeout(function () {
              console.log('修改尺寸ing')
              var div_div_code = document.querySelector("#code_father");
              div_div_code.setAttribute("style","float:right;height: " + (window.innerHeight -70) + "px; width:20%;");
              var div_div_code = document.getElementById("test");
              div_div_code.height=window.innerHeight+ "px";
            }, 150);
      });</script>
</body>

</html>